Vue.component('v-button',{
    template:`
        <button :class="btnCls" :disabled="disabled" @click="handleClick">
            <slot></slot>
        </button>
    `,
    props:{
        type:{
            type:String,
            default:'default',
        },
        disabled:{
            type:Boolean,
            default:false
        }
    },
    data(){
        return {
            
        }
    },
    methods:{
        handleClick(){
            this.$emit('on_click')
        }
    },
    computed:{
        btnCls(){
            return [
                this.type,
                {
                    btnDisabled:this.disabled
                }
            ]
        }
    }
})